﻿/*-----DANH SACH CHINH SUA-------*/
/*Thay màu nền toàn trang*/ 
body {margin: 0px; padding: 0px; background: url('images/tail.gif') repeat-x; background-color:#000000;}
.indexhome{width: 986px; padding: 0px 3px 10px 3px; background: #FFFFFF;  -moz-border-radius-bottomleft:5px;-webkit-border-bottom-left-radius:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px }

/*Menu ngang*/ 
#menu_mid a:link, #menu_mid a:visited { display: block; padding: 0px 34px; color: #fff; font-weight:bold; text-decoration: none; padding-right: 53px;}
#menu_mid li a:hover, #menu_mid li:hover > a, #menu_mid li.active > a{color: red}
#menu_mid li { float: left; position: relative; height:35px; line-height:35px; margin:0; padding:0; white-space:nowrap; background:url(images/bg_menu_split.gif ) no-repeat right center; }
#left-menu li a:link,
#left-menu li a:visited{color: #002069; font-family: Tahoma; font-size: 9pt; font-weight: normal; text-decoration: none; padding: 10px 5px 9.8px 5px; margin: 0 5px;position:relative; width:148px;display:block;}
#left-menu li a:hover,
#left-menu li:hover > a,#0d0d0d
#left-menu li.active a,
#left-menu li.active li.active > a{color: Red}
#left-menu li.active li a{color: #002069;}
#left-menu li.last > a{border-bottom:none;}
#left-menu{background:#ffffff}

#left-menu li:hover{background:#ffffff}
#left-menu li.last {background:#ffffff}


		 
.dongchuchay{height: 30px;line-height: 30px;background: white;font-size: 10pt;color: red;}

/*Cot trai*/
.headleft{width: 170px; background:#0d0d0d; font-family: Tahoma; font-size: 9pt; font-weight: bold;color: #fff; text-align: center; line-height:28px; height: 29px; webkit-border-radius: 5px 5px 0px 0px; moz-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px;}
.midleft{width: 168px; border-bottom: 0px; background: #eaf5fb; -moz-border-radius-bottomleft:5px;-webkit-border-bottom-left-radius:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; border:1px solid #0d0d0d }
	 
/*Cot giua*/
.NavLink a{color: #000;font-weight: bold;}
.NavLink a:hover{color:Red; text-decoration:none;}
.headboxpro{width: 580px; background: #0d0d0d; height: 29px; line-height:28px; text-align: left; padding-left: 20px; font-family: Tahoma; font-size: 8pt; font-weight: bold; text-decoration: none; color: #fff; border-top:1px solid #0d0d0d; border-left:1px solid #0d0d0d; border-right:1px solid #0d0d0d; }
.grid .div_img {width: 176px;height: 160px;border: 1px solid #BCBCBC;display: table-cell;vertical-align: middle;text-align: center;}
.bodyboxpro{width: 590px; border-bottom: 1px solid #0d0d0d; border-right: 1px solid #0d0d0d; border-left: 1px solid #0d0d0d; padding: 10px 5px 18px 5px; text-align: left; margin-bottom: 5px; overflow: hidden; background: #FFFFFF}

/*Cot phải*/
.headright{width: 199px; background:#4fa2e4; font-family: Tahoma; font-size: 9pt; font-weight: bold; color: #fff; text-align: center; padding-top: 7px; height: 22px; webkit-border-radius: 8px 8px 0px 0px; moz-border-radius: 8px 8px 0px 0px; border-radius: 8px 8px 0px 0px;}

/*-------------------------------*/



* 						{ margin:0px; padding:0px; } 
body					{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:1.5em; }
a:link, a:visited		{ text-decoration:none }
a:hover					{ text-decoration: underline; }
a img 					{ border: none; }
p, pre, blockquote		{ margin: 3px 0px; }
h1, h2, h3, h4, h5, h6	{ text-align:left; }
h1, h1 a				{ color:#048fee; margin:5px 0px 7px 0px; font-size:22px; }
h2, h2 a				{ color:#048fee; margin:3px 0px 5px 0px; font-size:18px; }
h3, h3 a				{ color:#000; margin:2px 0px 5px 0px; font-size:16px; }
h4, h4 a				{ color:#000; margin:1px 0px 4px 0px; font-size:12px; }
ul, ol 					{ list-style: none; }
ul li 					{ line-height: 160%;  }
ol li 					{ line-height: 180%; margin-left: 35px; }
th 						{ font-weight: bold; padding: 5px; text-align: left; }
fieldset 				{ border: none; padding: 10px 5px; }
fieldset a 				{ font-weight: bold; }
fieldset.input 			{ padding: 0px; }
input[type="checkbox"]	{ width:14px; } 
table					{ margin:0px; padding:0px; }
td, div 				{ font-size: 100%; }

.clear{clear: both}
img{border:0;}
.banner{overflow: hidden;}
.logo{float: left; width: 145px; overflow: hidden}
.advbaner{}
.footer{width: 992px; padding: 15px 0px 15px 0px ; text-align: center; /*background: #02507e;*/ font-family: Arial; font-size: 10pt; color: #0080cb}
/*.footertop{background: url(images/footer-top.gif); width: 992px; height: 10px}*/

.indexleft{float: left; width: 170px; margin: 5px 0px 5px 0px}
.midleftno{width: 168px; border: 1px solid #0d0d0d; background: #FFFFFF; -moz-border-radius-bottomleft:5px;-webkit-border-bottom-left-radius:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px;
}
.bottomleft{width: 170px; height: 0px; margin-bottom: 5px}
.indexright{float: right; width: 809px; margin: 5px 0px 5px 0px}
.headright{line-height:14px; width: 199px; background:#0d0d0d; font-family: Tahoma; font-size: 9pt; font-weight: bold; color: #fff; text-align: center; padding-top: 7px; height: 22px; webkit-border-radius: 5px 5px 0px 0px; moz-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px}
.midright{width: 197px; border: 1px solid #0d0d0d; background: #FFFFFF;padding:3px 0px 4px 0px; -moz-border-radius-bottomleft:5px;-webkit-border-bottom-left-radius:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px;}
.midhotrott{width: 197px;border: 1px solid #0d0d0d; -moz-border-radius-bottomleft:5px;-webkit-border-bottom-left-radius:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; background: #FFFFFF;}
.bottomright{width: 199px; height: 0.5px; margin-bottom: 5px;}
.subrightindex{float: right; width: 199px}
.sublefttindex{float: left; width: 602px}

#left-menu {margin:0;padding:0;list-style:none;text-align:left;padding:0px; width:168px;}
#left-menu li ul {position:absolute;margin-left:168px;margin-top:-37px;border:1px solid #0d0d0d;z-index:100; background:white}
#left-menu li > ul { display: none; }
/*#left-menu li:hover ul ul, 
#left-menu li:hover ul ul ul,
#left-menu li:hover ul ul ul ul { display: none; }*/
#left-menu li:hover > ul { display: block; }
/*#left-menu li:hover ul,
#left-menu li li:hover ul,
#left-menu li li li:hover ul,
#left-menu li li li li:hover ul { display: block; }*/
#left-menu li{text-align: left; padding: 0px; width: 168px; border-top: 1px solid #0d0d0d; margin:-1px 0px 0px 0px }
#left-menu li.icon{background: url(images/ico-pro-home.gif) no-repeat 95% center;}

.noibat{padding-top:7px; text-align:left; font-family: Arial; font-size: 9pt; padding-right:3px; padding-bottom:5.3px; margin-top:0px; text-decoration:none; vertical-align:top; padding-left: 5px; margin-right: 10px; float: left; width: 98%;  overflow: hidden}
.noibattit {float:right; width:90px;}
.noibattit a{text-decoration: none; color: #606060; vertical-align: top; text-align: left; font-family: Tahoma; font-size: 8pt}
.noibat a{font-family: Tahoma; font-size: 9pt; color: #606060; text-decoration: none; padding: 0px; margin: 0px}
.noibat a:hover{text-decoration: none; color: Red}
.noibatimg{float:left; border: 1px solid #97bbdf; margin-right:3px; width: 60px}
.noibatpro img, .noibat img {width: 60px; height: 37px; margin-right:4px;}

.noibatpro{padding-top:8px; text-align:left; font-family: Arial; font-size: 9pt; padding-right:3px; padding-bottom:5px; margin-top:0px; text-decoration:none; vertical-align:top; padding-left: 5px; margin-right: 10px; float: left; width: 98%; overflow: hidden}
.noibatpro p{vertical-align:top; margin:0px; font-family:Arial; font-size: 9pt; height: 60px; width: 99%}
.noibatpro a{font-family: Tahoma; font-size: 9pt; color: #606060; text-decoration: none; padding: 0px; margin: 0px}
.noibatpro a:hover{text-decoration: none; color: Red}
/*.noibatpro img{float:left; border: 1px solid #97bbdf; margin: 3px 5px 5px 0px;  vertical-align:top; clear:both; width: 60px}*/

.news{padding-top:8px; text-align:left; font-family: Arial; font-size: 9pt; padding-right:3px; padding-bottom:5px; margin-top:0px; text-decoration:none; vertical-align:top; padding-left: 5px; margin-right: 10px; float: left; width: 98%; height: 105px; overflow: hidden}
.news p{vertical-align:top; margin:0px; font-family:Arial; font-size: 110%; height: 60px; width: 99%; text-align: justify}
.newstit a{text-decoration: none; color: #0061b2; vertical-align: top; text-align: left; font-family: Tahoma; font-size: 9pt}
.news a{font-family: Arial; font-size: 10pt; font-weight: bold; color: #0061b2; text-decoration: none; padding: 0px; margin: 0px}
.news a:hover{text-decoration: none; color: Red}
.news img{float:left; border: 1px solid #97bbdf; margin: 3px 5px 5px 0px;  vertical-align:top; clear:both; width: 90px; height: 75px}

.headboxpro a{font-family: Tahoma; font-size: 9pt; font-weight: bold; text-decoration: none; color: #fff; padding-left: 0px;}
.headboxpro a:hover{color: Red}
.boxpro{border: 1px solid #0d0d0d padding: 10px 5px 10px 5px; text-align: left; overflow: hidden; background: #FFFFFF}
.prohome{text-align:left; font-family: Arial; font-size: 9pt; padding-right: 15px; margin-top:7px; text-decoration:none; vertical-align:top; float: left; width: 280px; height: 185px; overflow: hidden}
.prohome .content{vertical-align:top; margin:0px; font-family:Arial; font-size: 9pt; overflow:hidden;height: 72px; text-align: justify}
.prohome a{font-family: Tahoma; font-size: 9pt; font-weight: bold; color: #0d0d0d; text-decoration: none}
.prohome a:hover{text-decoration: none; color: Red}
.prohome img {vertical-align: middle; max-width:120px; max-height:150px;margin-right: 12px;margin-left: 4px;}
/*.prohome img{float:left; border: 1px solid #bcbcbc; margin: 3px 5px 5px 0px;  vertical-align:top; clear:both; width: 120px; height: 130px}*/
.dathang{width: 170px;margin: 10px 0px 2px 130px;overflow: hidden;}
.list {float: none; width: 586px; height:auto; margin-top: 4px; margin-bottom:10px;}
.list .productname{ height:24px;}
.list .dathang{float: right;width: auto;margin: 0;}
.list .dathang div{margin-left:10px;}
.list p{height:auto;}
.list .price{margin-bottom:5px;}
.grid .price{margin-bottom:5px; text-align:center;}
.list .price div{height:20px;}
.list .gia { margin-right:15px;}

.grid {width: 176px; height:auto; margin-left: 12px;padding-right: 6px;margin-bottom: 12px;}
.grid .div_img img { margin-right: 0;margin-left: 0; max-width: 150px; max-height:140px;}
.grid .productname{ height:36px; text-align:center; overflow:hidden;}
.grid .dathang{float:none;width: auto;margin: 0 auto;margin-left: 10px;}

.gia{font-family: Tahoma; font-size: 9pt; font-weight: bold; color: Red}

.proOtherHome{margin: 3px 5px 3px 5px; background: url(images/ico-proOther-home.gif) no-repeat left 4px; padding-left: 20px; text-align: left}
.proOtherHome a{font-family: Arial; font-size: 10pt; color: Red; text-decoration: none}
.proOtherHome a:hover{color: #2575fe; text-decoration: none}
.proOtherHome a:visited{font-family: Arial; font-size: 10pt; color: Red; text-decoration: none}
.proOtherHome a:visited:hover{color: #2575fe; text-decoration: none}

.newother{margin: 3px 5px 3px 5px; background: url(images/icon-3tin.gif) no-repeat left 4px; padding-left: 15px; text-align: left}
.newother a{font-family: Arial; font-size: 9pt; color: #3090c0; text-decoration: none}
.newother a:hover{color: #0d0d0d; text-decoration: none}
.newother a:visited{font-family: Arial; font-size: 80%; color: #3090c0; text-decoration: none}
.newother a:visited:hover{color: #0d0d0d; text-decoration: none}

.newother1{margin: 3px 5px 3px 5px; background: url(images/icon-3tin.gif) no-repeat left 4px; padding-left: 15px; text-align: left}
.newother1 a{font-family: Arial; font-size: 9pt; color: #0d0d0d; text-decoration: none}
.newother1 a:hover{color: red; text-decoration: none}
.newother1 a:visited{font-family: Arial; font-size: 110%; color: #3090c0; text-decoration: none}
.newother1 a:visited:hover{color: #0d0d0d; text-decoration: none}

.chonmua{}
.cardtotal{font-family: Tahoma; font-size: 8pt; font-weight:bold; color: #555555; padding-top: 7px; padding-bottom: 8px}
.xemcard{background: url(images/ico-xemcard.gif) no-repeat left; padding-left: 15px; font-family: Tahoma; font-size: 8pt; color: #0d0d0d; text-decoration: none}
.xemcard:hover{background: url(images/ico-xemcard.gif) no-repeat left; padding-left: 15px; font-family: Tahoma; font-size: 8pt; color: Red; text-decoration: underline}
.cartnum {float:left; padding: 10px 0px 0px 5px}
.cartmoney {float:left; padding: 5px 0px 0px 5px}
.carttotalmoney {float:right; width:50%; text-align:right; padding: 5px 10px 0px 0px}
.cartmua {text-align:center; padding: 10px 0px 0px 0px}
.cartdetail {float:left; width:50%; text-align:left; padding: 0px 0px 0px 10px}
.tdcart {border-bottom:1px dotted #bebebe; border-right: 1px dotted #bebebe; border-top: 1px dotted #bebebe;}

.boxdetail{width: 580px; border: 1px solid #f0f0f0; background: #FFFFFF; padding: 5px; margin-bottom: 20px; font-family: Arial; font-size: 9pt}
.gach{border-top: 1px dotted #cccccc; width: 92%; margin-left: 20px}
.gachleft{border-top: 1px solid #0d0d0d; width: 90%; text-align: center; margin-left: 8px}
.tinkhac{font-family: Tahoma; font-size: 10pt; font-weight: bold; color: #0d0d0d; text-align: left; border-top: 1px solid #9f9c9c; padding-top: 3px; margin-top: 15px; width: 600px}
.detail{text-align: right; padding-right: 20px; margin: 5px 0px 0px 0px; width: 200px; float: right}
.detail a:link{font-family: Arial; font-size: 9pt; font-weight: normal; color: Red; text-decoration: none; background: url(images/chitiet.gif) right no-repeat; padding-right: 10px; text-align: left}
.detail a:hover{text-decoration: underline}
.detail a:visited{font-family: Arial; font-size: 9pt; font-weight: normal; color: Red; text-decoration: none; background: url(images/xemtiep.gif) right no-repeat; padding-right: 10px}
.detail a:visited:hover{text-decoration: underline}
.dathang .order, .dathang .detail, .detailpro{margin: 5px 10px 0px 0px; width: 46px; float: left; background: url(images/chitiet_pro.gif); padding-left: 25px; padding-right:0; height: 19px; padding-top: 0px; text-align: left}
.detailpro a:link,
.dathang a:link,
.dathang a:visited{text-decoration: none; color: White; font-family: Tahoma; font-size: 8pt; font-weight: normal; background:none;}
.detailpro a:hover,
.dathang a:hover{text-decoration: underline}
.headpag{height: 20px; border-bottom: 1px dotted #e8e7ec; font-family: Arial; font-size: 12pt; font-weight: bold; padding: 5px 5px 5px 15px; width: 540px; margin-bottom: 10px}
.page {font-family: Tahoma; font-size: 10pt; font-weight: bold; text-decoration: none; color: #0d0d0d; text-align: right; padding: 20px}
.page a{font-family: Tahoma; font-size: 10pt; font-weight: bold; text-decoration: none; color: #ea1111; text-align: right}
.pagebg {font-family: Tahoma; font-size: 10pt; font-weight: bold; text-decoration: none; color: #0d0d0d; text-align: right; padding: 5px}
.pagebg a{font-family: Tahoma; font-size: 10pt; font-weight: bold; text-decoration: none; color: #ea1111; text-align: right}
.tabhome{border-collapse: collapse; margin-top: 3px; margin-left: 3px; width: 99.8%; border: 0px; margin-bottom: 5px}
.search{ width:202px; margin-top: 0px;text-align: center;padding: 0 3px 0 0;float: right;margin-top: -1px;}
.texsearch { text-align: left;font-size: 11px;font-family: Arial;width: 182px;height: 20px;line-height: 20px;padding: 0 4px;}
.inputs {background: url(images/search.gif) no-repeat;width: 20px;border: none;cursor: pointer;margin-left: -33px;}
.advright{width: 199px; border-top: 0px; text-align: center}
.advright img{width: 199px; text-align: center; margin-bottom: 5px}
.advgopy{width: 197px; border-top: 0px; text-align: center}
.advgopy img{width: 197px; text-align: center; margin-bottom: 5px}
.advleft{width: 170px;  text-align: center}
.advleft img{width: 170px; text-align: center; margin-bottom: 5px}
.advhome{width: 602px; border-top: 0px; text-align: center; margin-bottom: 3px}
.advhome img{width: 602px; text-align: center; margin-bottom: 5px}
.headspmoi{background: url(images/head-spmoi.gif); height: 27px; width: 362px; padding-left: 25px; line-height: 27px; font-family: Tahoma; font-size: 10pt; font-weight: bold; text-transform: uppercase; color: #0d0d0d; text-align: left}
.headspmoi a:link{color: #0d0d0d; text-decoration: none}
.headspmoi a:hover{color: Red}
.headspmoi a:visited{color: #0d0d0d; text-decoration: none}
.boxspmoi{width: 375px; border: 1px solid #117ccf; border-top: 0px; text-align: left; padding: 5px; margin-bottom: 5px}
.advcenter{width: 375px; border: 1px solid #117ccf; border-top: 0px; text-align: center; padding: 5px}
.advcenter img{width: 374px; text-align: center; margin-bottom: 3px}
.headtdhome{border: 1px solid #117ccf; background: url(images/bg-td-home.gif); height: 23px; line-height: 23px; text-align: left}
.headtdhome1{border-bottom: 1px solid #117ccf; background: url(images/bg-td-home.gif); height: 24px; line-height: 24px; text-align: left; margin-top: -1px}
.leftheadkm{background: url(images/ico-left-head-km.gif) no-repeat left; padding-left: 20px; font-family: Tahoma; font-size: 10pt; font-weight: bold; color: #0d0d0d; float: left; width: 180px; text-transform: uppercase; line-height: 23px}
.rightheadkm{width: 50px; float: right; margin-right: 20px; background: url(images/ico-right-head-home.gif) no-repeat right}
.texlogin{width: 170px; height: 15px; font-family: Arial; font-size: 9pt; margin: 2px 0px 2px 0px}
.nutlogin{text-align: left; margin: 4px 0 4px 10px}
.texcard{width: 50px; height: 15px; font-family: Arial; font-size: 9pt; margin: 2px 0px 2px 0px}
.dknew {text-decoration:none; background: url(images/icondk.jpg) left no-repeat; padding: 0px 0px 0px 16px; font-family: Tahoma; font-weight:normal; font-size:8pt; text-align:left; border-style: none; color: #0078ff}
.dknew:hover { color:#ff0000; text-decoration: underline}
.onname {padding: 5px 0px 0px 0px; font-family: Tahoma; font-size: 10pt; font-weight: bold; color: #ff6a11; text-align: center}
.onname1 {padding: 5px 0px 0px 0px; font-family: Tahoma; font-size: 12px; padding-left: 10px; text-align: center; font-weight: normal; color: Black; padding-right: 11px; margin-top: -18px; font-weight: bold;}
.online {padding: 9px 0px 8px 0px; text-align:center; font-family:Tahoma; font-size:10pt; color: #0854bc; margin-bottom: 3px; margin-top: -3px;}
.namelogin{font-family: Tahoma; font-size: 10pt; text-align: center; margin-top: 20px}
.nameloginsub{font-family: Tahoma; font-size: 9pt; font-weight: normal; text-align: center; margin-top: 4px}
.nameloginsub1{font-family: Arial; font-size: 10pt; font-weight: normal; text-align: left; margin-left: 30px}
.nameloginsub2{font-family: Tahoma; font-size: 8pt; font-weight: normal; text-align: left; margin-left: 20px; margin-top: 20px}
.namelogin1{font-family: Tahoma; font-size: 10pt; font-weight: bold; text-align: center; margin: 20px 0 20px 0; color: Red}
.neutv{background: url(images/ico-dangkythanhvien.gif) no-repeat left 4px; padding-left: 14px; font-family: Tahoma; font-size: 9pt; font-weight: bold; color: #0d0d0d; text-align: left; margin-top: 20px; margin-bottom: 10px; margin-left: 30px}
.leftaddhome {text-align: right; width:130px; padding-right:5px}
.lerightaddhome {text-align: left; padding-right:5px}
.texaddhome {font-family: Arial; font-size: 9pt; color:#1f4167; height:15px; vertical-align:middle; padding-top:2px}
.tabbghome{border-collapse: collapse; width: 100%; border: 0px}
.trbghome{height: 30px; font-family: Tahoma; font-size: 9pt; font-weight: bold; text-align: center; color: #0d0d0d; background: #daf0fe}
.tdleftbg{width: 60px; border: 1px solid #cbcbcb; text-align: center; padding: 4px}
.tdleftbg2{width: 90px; border: 1px solid #cbcbcb; text-align: center; padding: 4px}
.tdleftbgtt{width: 30px; border: 1px solid #cbcbcb; text-align: center; padding: 4px; font-family: Arial; font-size: 10pt}
.tdleftbg1{width: 20px; border: 1px solid #cbcbcb; text-align: center; padding: 2px}
.tdcenterbg{width: 230px; border: 1px solid #cbcbcb; text-align: left; padding: 4px; font-family: Arial; font-size: 10pt}
.tdcenterbg a{color: #0d0d0d; text-decoration: none}
.tdcenterbg a:hover{color: Red}
.tdrightbg{width: 80px; border: 1px solid #cbcbcb; text-align: center; font-family: Arial; font-size: 10pt}
.labadd {font-family: Arial; font-size: 10pt; color:#0d0d0d}
.texadd {font-family: Arial; font-size: 10pt; color: #0d0d0d; height: 15px; vertical-align: middle; padding-top:2px}
.xinchao{text-align: center; font-family: Tahoma; font-size: 8pt; font-weight: bold; color: #1783ee; margin: 5px}
a.delete {text-decoration:none; background: url(images/nut_xoa.gif) left no-repeat; padding: 0px 0px 0px 20px; color:#0033ff; font-family: Arial; font-size: 10pt; font-weight:normal; text-align:center; }
a.delete:hover { color:#ff0000; text-decoration:underline}
a.edit {text-decoration:none; background: url(images/edit.gif) left no-repeat; padding: 0px 0px 0px 20px; color:#0033ff; font-family: Arial; font-size: 10pt; font-weight:normal; text-align:center; }
a.edit:hover{text-decoration:underline; color:#ff0000;}
.proname{ padding: 0 0 5px 0; font-family: Tahoma; font-size: 12pt; font-weight: bold; color: #0d0d0d}
.contentpro{text-align: left; padding: 5px; font-family: Arial; font-size: 9pt; color: #0d0d0d}
.proleftdet{float: left; width: 302px; overflow: hidden; margin-right:10px;}
.proleftdet1{float: left; width: 201px; overflow: hidden}
.xemhinhdd{font-family: Arial; font-size: 10pt; text-align: center; padding: 5px; color: #f56c43; text-decoration: none;}
.xemhinhdd a:link{text-decoration: none; color: #f56c43}
.proimg{max-width: 300px; height:auto; border: 1px solid #ccc; overflow: hidden;position: relative; text-align:center}
.proimg img{max-width: 300px; border: 0px;text-align: center; margin-top: 16px;}
.proimg1{max-width: 300px;height: auto;overflow: hidden; position: relative;}
.proimg1 img{max-width: 300px; border: 0px; text-align: center;vertical-align: middle;}
.prodetailright{float: left; text-align: left; width: 270px}
.prodetailright1{float: left; text-align: left; padding: 5px; width: 380px}
.proPrice{ font-weight:bold; color:Red; margin:4px 0; }
.proPrice span{ font-weight: normal; color: #0d0d0d;}
.prodetail{padding-bottom: 5px; background: #FFFFFF}
.mieutasp{font-family: Verdana; font-size: 12pt; font-weight: bold; color: #ee3124; text-align: left; padding: 5px; border-bottom:1px solid #ccc}
.mieutasp1{font-family: Verdana; font-size: 10pt; font-weight: bold; color: Black; text-align: left; padding: 5px; margin-left: 4px}
.leftbaogia{background: url(images/ico-baogia-left.gif) no-repeat left 10px; width: 180px; border-bottom: 1px solid #137ccf; padding: 3px 5px 3px 10px}
.leftbaogia a{font-family: Tahoma; font-size: 10pt; text-decoration: none; color: #0d0d0d}
.leftbaogia:hover{background: #c3e3fc url(images/ico-baogia-left-hover.gif) no-repeat left 10px; width: 180px; padding-left: 20px; border-bottom: 1px solid #137ccf; color: Red; padding: 3px 5px 3px 10px}
.leftbaogia a:hover{color: Red}
.headbgleft{width: 180px; text-align: left; border: 1px solid #117ccf; background: url(images/bg-head-bg-left.gif); padding-left: 20px; font-family: Tahoma; font-size: 10pt; font-weight: bold; text-transform: uppercase}
.boxbgleft{width: 200px; text-align: left; padding: 5px; border: 1px solid #117ccf}

.boxlistpro{padding: 5px; padding-left: 16px}
.prolist{width: 120px; height: 160px; float: left; margin-bottom: 20px; text-align: center}
.prolistimg{background: url(images/bg-sanpham.gif); width: 96px; height: 99px}
.prolistimg img{width: 80px; height: 85px; border: 0px; margin-top: 13px}
.prolistname{text-align: center; width: 96px; margin: 2px 0px 2px 0px}
.prolistname a{font-family: Tahoma; font-size: 8pt; text-decoration: none; color: #0d0d0d}
.prolistname a:hover{color: Red}
.prolistpripe{font-family: Tahoma; font-size: 8pt; text-align: center; width: 96px; margin: 2px 0px 2px 0px; font-weight: bold; color: Red}

.datenew{font-family: Arial; font-size: 9pt; color: Red; text-align: left; float: left}
.xemnew{font-family: Arial; font-size: 8pt; color: #0d0d0d; margin-left: 50px; width: 60px; float: left; margin-bottom: 10px; line-height: 20px; vertical-align: bottom}
.xemdanhgia{font-family: Arial; font-size: 8pt; color: #0d0d0d; margin-left: 50px; width: 200px; float: left; margin-bottom: 10px; line-height: 20px; vertical-align: bottom}
.danhgia{font-family: Arial; font-size: 8pt; color: #0d0d0d; margin-left: 10px; float: left; margin: 3px; width: 400px; clear: both; line-height: 20px; text-align: left}
.titledetal{font-family: Arial; font-size: 11pt; font-weight: bold; color: #c64934; text-align: left; float: left; margin-top: 10px}
.tindua{font-family: Arial; font-size: 9pt; font-weight: bold; color: #aeabab; clear: both; margin: 5px; text-align: left; float: left}
.news_content{text-align: left; padding: 5px}
.tbOnline {font-size: 8pt;text-align:center; width:90%; border:0;}
.tbOnline .left {width: 20px;}
.tbOnline .center {width: 90px; text-align: left; font-family: Arial;}
.tbOnline .right{text-align: right;}
#wrap { display:none;}
.productname { display:block; text-align:justify;overflow:hidden;height:36px;}
.NavContent
{
    min-height: 30px;
    line-height: 30px;
    background: url(images/bg-navcontent.gif) repeat-x;
    padding-left: 4px;
    margin-bottom: 0px;
    margin-top:6px;
    text-align:left;
}
.NavContent a
{
    color: #000;
    font-weight: bold;
}
.NavLink
{
    padding-left: 10px;
    margin-left: 7px;
    background: url(images/icon-nav.gif) no-repeat left center;
}

/*-----paging-----*/
.paging {float: right; clear: left;vertical-align: middle;position: relative; margin: 10px 10px 10px 0;}
.paging img{ border:0;}
.paging span { display: block; float: left; clear: right;}
.paging span a { font: normal 13px Tahoma, Calibri, Verdana, Geneva, sans-serif; border: 1px solid #cedfeb; height: 15.99px; padding: 2px 4px; margin-left: 1px; background:#f2f6f8 none ; text-decoration:none; color: #417394;}
.paging span a:hover { border: 1px solid #417394;}
.paging dt.label { display:none;}
.paging span a.selected { background: #759fbb url(images/buttons/newbtn_middle.png) repeat-x ; color: #ffffff; border: 1px solid #417394; height: 15.99px; font-weight:bold; padding: 2px 4px; margin-left: 1px;}
.paging .separator,.paging .elipsis { background: none; border: 0;}
.paging .separator:hover { border: 0;}
.paging li.jumptopage { text-align:center; /*line-height:4em;*/}
.paging span a.popupctrl { height: 15.99px; background: transparent url(images/misc/black_downward_arrow.png) no-repeat center left; padding-right: 4px; padding-left: 18px;}
.paging .popupmenu:hover a.popupctrl { border: 1px solid #417394; color: #3e3e3e;}
.paging .last a {padding-right:15px; background:#f2f6f8 url(images/pagination/last-right.png) center right no-repeat;}
.paging .first a {padding-right:15px; background:#f2f6f8 url(images/pagination/first-right.png) center right no-repeat;}
.paging .next a {background:#f2f6f8 url(images/pagination/next-right.png) center right no-repeat; padding-left:10px;}
.paging .prev a {background:#f2f6f8 url(images/pagination/previous-right.png) center right no-repeat; padding-left:10px;}
.gia-old{font-weight:bold; color: red; margin-top: 3px;}
.gia-old span.value{text-decoration: line-through; font-weight:normal; }
.prodetailright .gia-old span{font-weight:normal; color:Black;}
.prodetailright .gia-old span.value{font-weight:normal; color:Red;}
.dongchuchay marquee {float:left; width:78%;height: 30px; line-height:30px; overflow-y: hidden;}
.dongchuchay marquee *{ margin:0; padding:0;}
.headboxpro .sortbox,
.headboxpro .views{float: right; margin-right: 5px; height: 26px;overflow: hidden;}
.headboxpro .views img{height: 18px;margin-top: 4px;margin-right: 4px;}
.headboxpro .sortbox select{font-size:11px;}
#divAdvLeft {left: -210px;position: absolute;top: 71px;}
#divAdvRight {left: -210px;position: absolute;top: 71px;}
/*Begin Menu dropdown*/
#menu_mid			{ height:35px; line-height:35px; background:url(images/bg-menutop.gif) repeat-x; } 
#menu_mid, 
#menu_mid ul 		{ list-style: none; position: relative; line-height: 1.5em; position: relative; z-index:9999; padding:0; margin:0; }

#menu_mid li li		{ padding:0 5px; height:auto; white-space:normal; background:none; }
#menu_mid li li a	{ line-height: 30px; padding: 0px 3px 0px 7px!important; }
#menu_mid ul 		{ position: absolute; width: 195px; top: 36px; display: none; text-align:left; background: white; border: 1px solid #0d0d0d; margin-top:-1px!important; /*filter:alpha(opacity=86); opacity: 0.86;*/ }
#menu_mid li > ul { display: none; }
#menu_mid li:hover > ul { display: block; }
#menu_mid li ul a 	{ width: 175px; float: left; border-bottom:1px solid #0d0d0d; font-weight:normal!important; }
#menu_mid ul ul 	{ top: auto; }
#menu_mid li ul ul 	{ left: 185px; margin: 0px 0 0 10px; }
#menu_mid li li a:link,
#menu_mid li li a:visited,
#menu_mid li.active li > a{color: #0d0d0d;}
#menu_mid li li:hover > a,
#menu_mid li li.active > a,
#menu_mid li li.active li.active > a{color: red;}
#menu_mid li.last > a { border-bottom: none; }
/*End Menu dropdown*/

/*Tin trang chủ*/
.cat-news 			{ width:580px; margin-left:5px; margin-top: 8px; text-align:justify; }
.cat-news img		{ margin-right:8px; margin-top:2px; border: 1px solid #cccccc; max-width:130px; }
.cat-morenews		{ width:580px; }
.cat-morenews a		{ color:#666; }
.cat-morenews ul 	{ padding:2px 6px; }
.cat-morenews ul li { background:url(images/cat-morenewsli.png) no-repeat left 6px; padding-left: 12px; }
/*Tin theo nhom*/
.news-more 			{ float: right; padding: 1px 13px 1px 16px; background: url(images/xemtiep.gif) right no-repeat; text-decoration: none; } 
.news-more a:link,
.news-more a:visited{ color:#666; font-size:11px; text-decoration:none; } 
.news-more a:hover{ color:#000; text-decoration:none; } 
/*Tin 2 cot*/
.twocol1 		    { float:left; width: 405px;}
.twocol2 		    { float:left; width:178px; }
.twocol1 .news-more	{ display:none; }
.twocol2 ul		    { padding-right:0;}

/*Popup*/
#BottomLayer{position: fixed;z-index: 10000;bottom: 0px;right: 0px;float: right;}
#BottomLayer .bb_open,
#BottomLayer .bb_close { background-color: #172F98; font-weight: bold; color: white;padding: 2px 0 2px 7px;line-height: 26px;height:26px; overflow:hidden;}
#BottomLayer .bb_open a,
#BottomLayer .bb_close a{background-image:url(images/button.gif); background-repeat:no-repeat; width:30px; height:0; padding-top:15px; overflow:hidden; float:right; margin:5px 5px 0px 0px}
#BottomLayer a.min{background-position: -30px 0;}
#BottomLayer a.min:hover{background-position: -30px -15px;}
#BottomLayer a.max{background-position: -60px 0;}
#BottomLayer a.max:hover{background-position: -60px -15px;}

#PopupBackground { display:none; position:fixed; _position:absolute; height:100%; width:100%; top:0; left:0; background:#0d0d0d; border:1px solid #cecece; z-index:1; }
#popupDiv{ display:none; position:fixed; _position:absolute; height:450px; width:600px; background:#626262; border:0px solid #666; z-index:2; padding:7px; font-size:13px; }
#popupDiv h1{ text-align:left; color:#096; font-size:18px; font-weight:700; border-bottom:1px dotted #CCC; padding-bottom:2px; margin-bottom:20px; }
#popupDivClose{ margin-top:-10px; float:right; }
#popupDivClose a{ font-size:12px; color:#ffffff; font-weight:700;}
#button{ text-align:center; margin:100px; }
/* PAGINATION LINKS */
.pagination {float: right; clear: left;vertical-align: middle;position: relative; margin: 10px 0;}
.pagination img{ border:0; vertical-align:middle;}
.pagination span {	display: block;	float: left;	clear: right;}
.pagination span a {	font:  normal 13px Tahoma, Calibri, Verdana, Geneva, sans-serif;	border: 1px solid #cedfeb;	height: 15.99px;	padding: 2px 4px;	margin-left: 1px;	background:#f2f6f8 none   ;	text-decoration:none;	color: #417394;}
.pagination span a:hover {	border: 1px solid #417394;}
.pagination dt.label {	display:none;}
.pagination span.selected a, .pagination span .selected {	background: #759fbb url(images/buttons/newbtn_middle.png) repeat-x  ;	color: #ffffff;	border: 1px solid #417394;	height: 15.99px;	font-weight:bold;	padding: 2px 4px;	margin-left: 1px;}
.pagination .separator,.pagination .elipsis {	background: none;	border: 0;}
.pagination .separator:hover {	border: 0;}
.pagination li.jumptopage {	text-align:center;}
.pagination span a.popupctrl {	height: 15.99px;	background: transparent url(images/misc/black_downward_arrow.png) no-repeat center left;	padding-right: 4px;	padding-left: 18px;}
.pagination .popupmenu:hover a.popupctrl { border: 1px solid #417394; color: #3e3e3e;}
.pagination .last a {padding-right:15px; background:#f2f6f8 url(images/pagination/last-right.png) center right no-repeat;}
.pagination .first a {padding-right:15px; background:#f2f6f8 url(images/pagination/first-right.png) center right no-repeat;}
.pagination .next a {background:#f2f6f8 url(images/pagination/next-right.png) center right no-repeat; padding-left:10px;}
.pagination .prev a {background:#f2f6f8 url(images/pagination/previous-right.png) center right no-repeat; padding-left:10px;}

/* Product detail */
.img-box { background:#fff; width: 268px;height: 268px; overflow: hidden; border: 1px solid #D2D2D2; text-align:center; vertical-align:middle; display:table-cell;}
.img-box img { text-align:center; max-width:266px; max-height:266px;}
.product-thumbnail { overflow:hidden; padding:0 14px; position:relative; margin-top:10px; }
.product-thumbnail .bx-loading { min-height: 50px; background: url(images/bx_loader.gif) center center no-repeat; }
.product-thumbnail .noSlide {-webkit-transform:none}
.product-thumbnail ul{margin:0; padding:0;}
.product-thumbnail li { float:left; }
.product-thumbnail li div{ width:54px; height:54px; overflow:hidden; border: 1px solid #D2D2D2; background-color: white; position:relative; margin:0 2px;}
.product-thumbnail table{border-collapse:collapse; border-spacing:0;}
.product-thumbnail td{ width:50px; height:50px; overflow:hidden; text-align:center; vertical-align:middle; outline: 0;}
.product-thumbnail img { max-width:50px; max-height:50px; }
.product-thumbnail .bx-next, .product-thumbnail .bx-prev { display:block; height:16px; width:11px; position:absolute; background-image:url(images/controls.png); background-repeat:no-repeat; top:18px; }
.product-thumbnail .bx-next { background-position: -11px -16px; right:0; }
.product-thumbnail .bx-next:hover { background-position: -11px 0; }
.product-thumbnail .bx-prev { background-position: 0 -16px; left:0; }
.product-thumbnail .bx-prev:hover { background-position: 0 0; }
.proleftdet {width:268px; margin-left:5px;}
.prodetailright {width:307px;}

/*Lightbox*/
#jquery-overlay{height:500px;left:0;position:absolute;top:0;width:100%;z-index:90;}
#jquery-lightbox{left:0;line-height:0;position:absolute;text-align:center;top:0;width:100%;z-index:2000;}
#jquery-lightbox a img{border:none;}
#lightbox-container-image-box{background-color:#fff;height:250px;margin:0 auto;position:relative;width:250px;}
#lightbox-container-image{padding:10px;}
#lightbox-loading{height:25%;left:0;line-height:0;position:absolute;text-align:center;top:40%;width:100%;}
#lightbox-nav{height:100%;left:0;position:absolute;top:0;width:100%;z-index:10;}
#lightbox-container-image-box > #lightbox-nav{left:0;}
#lightbox-nav a{outline:none;}
#lightbox-nav-btnPrev,#lightbox-nav-btnNext{display:block;height:100%;width:49%;zoom:1;}
#lightbox-nav-btnPrev{float:left;left:0;}
#lightbox-nav-btnNext{float:right;right:0;}
#lightbox-container-image-data-box{background-color:#fff;font:10px Verdana, Helvetica, sans-serif;line-height:1.4em;margin:0 auto;overflow:auto;padding:0 10px;width:100%;}
#lightbox-container-image-data{color:#666;padding:0 10px;}
#lightbox-container-image-data #lightbox-image-details{float:left;text-align:left;width:70%;}
#lightbox-image-details-caption{font-weight:bold;}
#lightbox-image-details-currentNumber{clear:left;display:block;padding-bottom:1em;}
#lightbox-secNav-btnClose{float:right;padding-bottom:.7em;width:66px;}

/* Clearfix */
.clearfix:after 	{ clear: both; content: "."; display: block; height: 0; visibility: hidden; }
* html > body .clearfix { display: block; width: 100%; }
* html .clearfix 	{ height: 1%; }

/*------------------------------------*/

table.hop_ty_gia {border:1px solid #0d0d0d}
table.hop_ty_gia td {border:1px solid #0d0d0d}

/*------------------------------------*/


.xemcard_2{ font-family: Tahoma; font-size: 12px; color: #0d0d0d; text-decoration: none;margin-left:5px}
.xemcard_2:hover{ font-family: Tahoma; font-size: 12px; color: Red; text-decoration: underline;margin-left:5px}

.xemcard_3{ font-family: Tahoma; font-size: 14px; color: #0d0d0d; text-decoration: none;}
.xemcard_3:hover{ font-family: Tahoma; font-size: 14px; color: Red; text-decoration: underline;}

table.tb_p25{background:#dad7d7}
tr.tr_p26 {background:#dad7d7}

table.tb_p28{background:#dad7d7}
tr.tr_p27 {background:#ffffff}